(function(testUI) {
  function init() {
    $('#test').onclick = function() {
      console.log(testUI.show);
      testUI.show();
    };
  }

  window.onload = init;

})(function(options) {
  var ui = {};
  var initOption = {
    width: 400,
    height: 500,
    title: '标题'
  };

  function createWin() {
    var win;
    win = 'win' + Math.floor(Math.random() * 10000);
    var div = document.createElement('div');
    div.id = win;
    div.className = 'coverbg';
    var html = '<div class="ui-win"><header>这是一个浮出层</header><main>这是一个浮出层</main><footer><a href="#">确定</a><a href="#">取消</a></footer></div>';
    div.innerHTML = html;
    document.body.appendChild(div);
    ui.win = win;
  }

  ui.show = function() {
    // $('#'+ui.win).show();
    createWin();
    $('body').style.overflow = 'hidden';
  };

  ui.close = function() {
    $('#' + ui.win).remove();
  };

  return ui;
}());

function $(selector) {
  return document.querySelector(selector);
}
